﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true"
	CodeBehind="PostBackEvents.aspx.cs" Inherits="ControlExplorer.C1Accordion.AutoPostBack" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Accordion"
	TagPrefix="C1Accordion" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<asp:ScriptManager ID="ScriptManager1" runat="server">
	</asp:ScriptManager>
	<h2>
		UpdatePanel内部的 C1Accordion控件:</h2>
	<asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="100"
		runat="server">
		<ProgressTemplate>
			<div style="margin-top: 20px;">
				更新 UpdatePanel1...</div>
		</ProgressTemplate>
	</asp:UpdateProgress>
	<asp:UpdatePanel ID="UpdatePanel1" runat="server">
		<ContentTemplate>
			<h3>
				<asp:Label ID="Label1" runat="server" Text=""></asp:Label></h3>
			<C1Accordion:C1Accordion ID="C1Accordion1" runat="server" OnSelectedIndexChanged="C1Accordion1_OnSelectedIndexChanged">
				<Panes>
					<C1Accordion:C1AccordionPane ID="C1AccordionPane1" runat="server">
						<Header>
							步骤 1
						</Header>
						<Content>
							<h1>
								步骤 1</h1>
							Wijmo Accordion 控件提供了多个显示面板，每次显示其中一个面板的内容。用户选择其中一个面板时，
                    该面板的内容会自动展开，而其它面板内容会自动折叠，从而，实现自动地组织和优化用户界面的使用。
						</Content>
					</C1Accordion:C1AccordionPane>
					<C1Accordion:C1AccordionPane ID="C1AccordionPane2" runat="server">
						<Header>
							步骤 2
						</Header>
						<Content>
							<h1>
								步骤 2</h1>
							通过Wijmo Charts: Composite，只需一个图表就可以对复杂数据进行分析。相同数据使用不同的方式
                    进行显示，再将与之关联的数据进行叠加，便可预测数据的走势。
						</Content>
					</C1Accordion:C1AccordionPane>
					<C1Accordion:C1AccordionPane ID="C1AccordionPane3" runat="server">
						<Header>
							步骤 3
						</Header>
						<Content>
							<h1>
								步骤 3</h1>
							Wijmo Events Calendar支持用户添加、编辑和管理是由的预约。默认情况下，事件日历使用脱机数
                    据源，因此您可以轻松地添加到您的页面，而无需额外的配置此构件。
						</Content>
					</C1Accordion:C1AccordionPane>
					<C1Accordion:C1AccordionPane ID="C1AccordionPane4" runat="server" Expanded="True">
						<Header>
							步骤 4
						</Header>
						<Content>
							<h1>
								步骤 4</h1>
							Wijmo Gallery该控件将图片的缩略图以幻灯片的形式显示，
                    并能实现图片的平滑转换、分页、主题等功能，支持所有主流浏览器。
						</Content>
					</C1Accordion:C1AccordionPane>
				</Panes>
			</C1Accordion:C1Accordion>
		</ContentTemplate>
	</asp:UpdatePanel>
	<h2>
		UpdatePanel外部的C1Accordion控件:</h2>
	<h3>
		<asp:Label ID="Label2" runat="server" Text=""></asp:Label></h3>
	<C1Accordion:C1Accordion ID="C1Accordion2" runat="server" OnSelectedIndexChanged="C1Accordion2_OnSelectedIndexChanged">
		<Panes>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane1" runat="server">
				<Header>
					步骤 1
				</Header>
				<Content>
					<h1>
						步骤 1</h1>
					Wijmo Accordion 控件提供了多个显示面板，每次显示其中一个面板的内容。用户选择其中一个面板时，
                    该面板的内容会自动展开，而其它面板内容会自动折叠，从而，实现自动地组织和优化用户界面的使用。
				</Content>
			</C1Accordion:C1AccordionPane>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane2" runat="server">
				<Header>
					步骤 2
				</Header>
				<Content>
					<h1>
						步骤 2</h1>
					通过Wijmo Charts: Composite，只需一个图表就可以对复杂数据进行分析。相同数据使用不同的方式
                    进行显示，再将与之关联的数据进行叠加，便可预测数据的走势。
				</Content>
			</C1Accordion:C1AccordionPane>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane3" runat="server">
				<Header>
					步骤 3
				</Header>
				<Content>
					<h1>
						步骤 3</h1>
					Wijmo Events Calendar支持用户添加、编辑和管理是由的预约。默认情况下，事件日历使用脱机数
                    据源，因此您可以轻松地添加到您的页面，而无需额外的配置此构件。
				</Content>
			</C1Accordion:C1AccordionPane>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane4" runat="server" Expanded="True">
				<Header>
					步骤 4
				</Header>
				<Content>
					<h1>
						步骤 4</h1>
					Wijmo Gallery该控件将图片的缩略图以幻灯片的形式显示，
                    并能实现图片的平滑转换、分页、主题等功能，支持所有主流浏览器。
				</Content>
			</C1Accordion:C1AccordionPane>
		</Panes>
	</C1Accordion:C1Accordion>
	<p>
		&nbsp;</p>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
	<p>此示例展示了 <strong>C1Accordion</strong> 控件在全部或部分页面回传的功能。</p>
	<p>&nbsp;</p>
	<p>展示页面包含两个 accordion 控件。 
		第一个 accordion 控件位于 UpdatePanel 内部，服务器端的 <strong>SelectedIndexChanged </strong>事件设置为 "C1Accordion1_OnSelectedIndexChanged"。
		第二个 accordion 控件位于 UpdatePanel 外部，服务器端的 <strong>SelectedIndexChanged </strong>事件设置为 "C1Accordion2_OnSelectedIndexChanged"。</p>
	<p>&nbsp;</p>
	<p>
	若增加了<strong> SelectedIndexChanged </strong>事件处理程序， 在当前选定的面板发生变化时，
        <strong>C1Accordion 
        </strong>会给服务器发送反馈信息。
	如果不想通过<strong> SelectedIndexChanged</strong>事件来执行反馈,，
	您可以把 <strong>AutoPostBack </strong>属性值设为True。
	</p>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
</asp:Content>
